<?php
$this->title = '首页';
$this->registerMetaTag([
    'name' => 'keywords',
    'content' => 'yii,yii2,框架,使用,教程'
]);
$this->registerMetaTag([
    'name' => 'description',
    'content' => 'Yii框架详述，codelab，视频教程'
]);
$this->registerMetaTag([
    'name' => 'author',
    'content' => 'chenzhiwei'
]);
?>

<style>
    .home-masthead {
        background-color: #2697ed;
        min-height: calc(100vh);
        text-align: center;
    }
    .home-masthead .logo{
        margin-top: 50px;
    }
    .home-masthead .lead{
        display: inline-block;
        width: 80%;
        margin-top: 30px;
        font-size: 30px;
        color: white;
    }
    .home-masthead .version{
        margin-top: 50px;
        color: white;
    }
    .home-masthead .git{
        margin: 20px;
    }
    .home-masthead a {
        color: white;
        font-size: 30px;
        border: 2px solid white;
        border-radius: 10px;
        padding: 10px;
        text-decoration:none;
        margin: 5px;
    }

    .quick-start .yii-steps{
        /*height: 600px;*/
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .quick-start .yii-steps h2{
        font-weight: 600;
        margin-top: 60px;
    }

    .quick-start .yii-steps .yii-code{
        display: block;
        border-radius: 10px;
        border: 1px solid #ccc;
        padding: 20px;
        font-size: 18px;
    }
    .quick-start .yii-steps .yii-explain{
        display: block;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 20px;
    }
    .quick-start .yii-steps .yii-more{
        margin: 10px;
        display: block;
        text-align: right;
    }


    .quick-start img{
        margin-top: 10px;
        width: 100%;
    }


    @media screen and (max-width: 768px){
        .home-masthead {
            background-color: #2697ed;
            min-height: calc(90vh);
            text-align: center;
        }
        .home-masthead .lead{
            font-size: 20px;
        }
    }

    @media screen and (max-width: 1170px){
        .quick-start img{
            margin-top: 30px;
        }
    }
</style>

<div class="row home-masthead">
    <div class="col-md-12">
        <p class="logo">
            <img width="200px" src="/images/logo.png"/>
        </p>
        <p class="lead">
            Yii 是一个 高性能 的，适用于开发 WEB 2.0 应用的 PHP 框架, 自带了 丰富的功能，包括 MVC，缓存，身份验证和基于角色的访问控制，脚手架，测试等，可显著缩短开发时间。
        </p>
        <p class="git row">
            <a href="https://github.com/yiisoft/yii2-app-advanced.git" target="_blank">Github</a>
            <a href="https://gitee.com/lvzmen_github/yii2-app-advanced" target="_blank">Gitee</a>
        </p>
        <p class="version">当前版本： 2.0.43 | 文档更新于：2021-11-04</p>
    </div>
</div>
<div class="container">
    <div class="row quick-start">
        <div class="col-lg-6 col-md-6 yii-steps">
            <h2>快速开始</h2>
            <span class="yii-explain">利用Docker技术可以快速启动Yii，运行如下命令即可：</span>
            <span class="yii-code">sudo docker run -itd \<br/> --name yii2 \<br/> -p 80:80 \<br/> lvzmen/php-fpm:8.0.7.1</span>
            <a class="yii-more" href="/docs/install/docker/custom">
                更多信息...
            </a>
        </div>
        <div class="col-lg-6 col-md-6 yii-images">
            <img src="images/Docker-build.png">
        </div>
    </div>
</div>
